<template>
	<view class="signedCardContainer">
		<view class="lovation_view flex justify-between align-center bg-white">
			<view class="flex align-center">
				<text class="locationIco cuIcon-locationfill"></text>
				<text class="location_text">{{sData.location}}</text>
			</view>
			<text class="cuIcon-right right_ico"></text>
		</view>
		<view class="sign_content bg-white flex align-center justify-between">
			<view class="flex">
				<image class="content_ico" :src="sData.src"></image>
				<view class="sign_text flex justify-between">
					<text class="sign_status">{{sData.statu}}</text>
					<text class="sign_time text-center">{{sData.time}}</text>
				</view>
			</view>
			<view @click="" class="sign_btn flex justify-center align-center">已签到</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			
		},
		props:{
			sData:{
				type: Object
			}
		}
	}
	
</script>

<style>
	.lovation_view{
		margin-top: 20rpx;
		height: 100rpx;
		padding: 0 30rpx;
	}
	.locationIco{
		padding-right: 15rpx;
		color: #FF9800;
		font-size: 35rpx;
	}
	.location_text{
		font-size: 24rpx;
		color: #9B9B9B;
	}
	.right_ico{
		color: #9B9B9B;
		font-size: 35rpx;
	}
	.sign_content{
		padding-left: 20rpx;
		padding-right: 30rpx;
		height: 124rpx;
		border-top: 1px solid #F0F0F0;
	}
	.content_ico{
		width: 80rpx;
		height: 80rpx;
	}
	.sign_btn{
		width: 160rpx;
		height: 60rpx;
		background-color: #FF9800;
		border-radius: 8rpx;
		color: #FFFFFF;
	}
	.sign_text{
		height: 80rpx;
		flex-direction: column;
		padding-left: 34rpx;
	}
	.sign_status{
		font-size: 32rpx;
		color: #101010;
	}
	.sign_time{
		font-size: 24rpx;
		color: #A2A2A2;
	}
</style>
